@charset "UTF-8";
/* CSS Document */

/*add button*/		
.flexigrid div.fbutton .add
{
          background: url(images_gray/add.png) no-repeat center left;
}	

/*delete button*/		
.flexigrid div.fbutton .delete
{
          background: url(images_gray/close.png) no-repeat center left;
}	

/*edit button*/		
.flexigrid div.fbutton .edit
{
          background: url(images_gray/edit.png) no-repeat center left;
}	

.flexigrid div.fbutton .select
{
          background: url(images_gray/select.png) no-repeat center left;
}

.flexigrid div.fbutton .inverse
{
          background: url(images_gray/inverse.png) no-repeat center left;
}

.flexigrid
{
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          position: relative;
          border: 0px solid #eee;
          overflow: hidden;
          color: #000;
}

.flexigrid.hideBody
{
          height: 26px !important;
          border-bottom: 1px solid #ccc;
}

.ie6fullwidthbug
{
          border-right: 0px solid #ccc;
          padding-right: 2px;	
}

.flexigrid div.nDiv
{
          background: #eee url(images_gray/line.gif) repeat-y -1px top;
          border: 1px solid #ccc;
          border-top: 0px;
          overflow: auto;
          left: 0px;
          position: absolute;
          z-index: 999;
          float: left;
}

.flexigrid div.nDiv table
{
          margin: 2px;
}

.flexigrid div.hDivBox
{
          float: left; 
          padding-right: 40px;
          font-size: 12px;
}

.flexigrid div.bDiv table
{
          margin-bottom: 10px;
}

.flexigrid div.bDiv table.autoht
{
          border-bottom: 0px;
          margin-bottom: 0px;
}

.flexigrid div.nDiv td
{
          padding: 2px 3px;
          border: 1px solid #eee;
          cursor: default;
}

.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td
{
          background: #d5effc url(images_gray/hl.png) repeat-x top;
          border: 1px solid #a8d8eb;
}

.flexigrid div.nDiv td.ndcol1
{
          border-right: 1px solid #ccc;
}

.flexigrid div.nDiv td.ndcol2
{
          border-left: 1px solid #fff;
          padding-right: 10px;
}

.flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1
{
          border-right: 1px solid #d2e3ec;
}

.flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2
{
          border-left: 1px solid #eef8ff;
}

.flexigrid div.nBtn
{
          position: absolute;
          height: 43px;
          width: 14px;
          z-index: 900;
          background: #fafafa url(images_gray/fhbg.gif) repeat-x bottom;
          border: 0px solid #ccc;
          border-left: 1px solid #ccc;
          top: 0px;
          left: 0px;
          margin-top: 1px;
          cursor: pointer;
          display: none;
}

.flexigrid div.nBtn div
{
          height: 24px;
          width: 12px;
          border-left: 1px solid #fff;
          float: left;
          background: url(images_gray/ddn.png) no-repeat center;
}		

.flexigrid div.nBtn.srtd
{
          background: url(images_gray/wbg.gif) repeat-x 0px -1px;
}


.flexigrid div.mDiv
{
          background: url(images_gray/wbg.gif) repeat-x top;
          border: 1px solid #ccc;
          border-bottom: 0px;
          border-top: 0px;
          font-weight: bold;
          display: block;
          overflow: hidden;
          white-space: nowrap;
          position: relative;
}

.flexigrid div.mDiv div
{
          padding: 6px;
          white-space: nowrap;
          font-size: 12px;
}

.flexigrid div.mDiv div.ptogtitle
{
          position: absolute;
          top: 4px;
          right: 3px;
          padding: 0px;
          height: 16px;
          width: 16px;
          overflow: hidden;
          border: 1px solid #ccc;
          cursor: pointer;
}

.flexigrid div.mDiv div.ptogtitle:hover
{
          background-position: left -2px;
          border-color: #bbb;
}

.flexigrid div.mDiv div.ptogtitle span
{
          display: block;
          border-left: 1px solid #eee;
          border-top: 1px solid #fff;
          border-bottom: 1px solid #ddd;
          width: 14px;
          height: 14px;
          background: url(images_gray/uup.png) no-repeat center;
}

.flexigrid div.mDiv div.ptogtitle.vsble span
{
          background: url(images_gray/ddn.png) no-repeat center;			
}			

.flexigrid div.tDiv /*toolbar*/
{
          background: #fafafa url(images_gray/bg.gif) repeat-x top;
          position: relative;			
          border: 1px solid #ccc;
          border-bottom: 0px;
          overflow: hidden;
}

.flexigrid div.tDiv2
{
          float: left;
          clear: both;
          padding: 1px;
}

.flexigrid div.sDiv /*toolbar*/
{
          background: #fafafa url(images_gray/bg.gif) repeat-x top;
          position: relative;
          border: 1px solid #ccc;
          border-top: 0px;
          overflow: hidden;
          display: none;
}

.flexigrid div.sDiv2
{
          float: left;
          clear: both;
          padding: 5px;
          padding-left: 5px;
          width: 1024px;
}

.flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select
{
          vertical-align: middle;
}

.flexigrid div.btnseparator
{
          float: left;
          height: 22px;
          border-left: 1px solid #ccc;
          border-right: 1px solid #fff;
          margin: 1px;
}

.flexigrid div.fbutton
{
          float: left;
          display: block;
          cursor: pointer;
          padding: 1px;
}

.flexigrid div.fbutton div
{
          float: left;
          padding: 1px 3px;
          font-size: 12px;
}		

.flexigrid div.fbutton span
{
          float: left;
          display: block;
          padding: 3px;
}

.flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver
{
          padding: 0px;
          border: 1px solid #ccc;
}

.flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div
{
          padding: 0px 2px;
          border-left: 1px solid #fff;
          border-top: 1px solid #fff;
          border-right: 1px solid #eee;
          border-bottom: 1px solid #eee;
}		


/* end toolbar*/

.flexigrid div.hDiv
{
          background: #fafafa url(images_gray/fhbg.gif) repeat-x bottom;
          position: relative;
          border: 1px solid #ccc;
          border-bottom: 0px;
          overflow: hidden;
}	

.flexigrid div.hDiv table
{
          border-right: 1px solid #fff;
}

.flexigrid div.cDrag
{
          float: left;
          position: absolute;
          z-index: 2;
          overflow: visible;
}

.flexigrid div.cDrag div
{
          float: left;
          background: none;
          display: block;
          position: absolute;
          height: 24px;
          width: 5px;
          cursor: col-resize;
}

.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging
{
          background: url(images_gray/line.gif) repeat-y 2px center;
}

.flexigrid div.iDiv
{
          border: 1px solid #316ac5;
          position: absolute;
          overflow: visible;
          background: none;
}

.flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea
{
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
}

.flexigrid div.iDiv input.tb
{
          border: 0px;
          padding: 0px;
          width: 100%;
          height: 100%;
          padding: 0px;
          background: none;
}			

.flexigrid div.bDiv
{
          border: 1px solid #ccc;
          border-top: 0px;
          background: #fff;
          overflow: auto;
          position: relative;
          font-size: 12px;
}

.flexigrid div.bDiv table
{
          border-bottom: 1px solid #ccc;
}

.flexigrid div.hGrip
{
          position: absolute;
          top: 0px;
          right: 0px;
          height: 5px;
          width: 5px;
          background: url(images_gray/line.gif) repeat-x center;
          margin-right: 1px;
          cursor: col-resize;
}

.flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver
{
          border-right: 1px solid #999;				
          margin-right: 0px;
}

.flexigrid div.vGrip
{
          height: 5px;
          overflow: hidden;
          position: relative;
          background: #fafafa url(images_gray/wbg.gif) repeat-x 0px -1px;
          border: 1px solid #ccc;
          border-top: 0px;
          text-align: center;
          cursor: row-resize;
}

.flexigrid div.vGrip span
{
          display: block;
          margin: 1px auto;
          width: 20px;
          height: 1px;
          overflow: hidden;
          border-top: 1px solid #aaa;
          border-bottom: 1px solid #aaa;	
          background: none;
}

.flexigrid div.hDiv th, .flexigrid  div.bDiv td  /* common cell properties*/
{
          text-align: left;
          border-right: 1px solid #ddd;
          border-left: 1px solid #fff;
          overflow: hidden;
          vertical-align: top !important;
}

.flexigrid div.hDiv th div, .flexigrid  div.bDiv td  div, div.colCopy div/* common inner cell properties*/
{
          padding: 5px;
          border-left: 0px solid #fff;
}

.flexigrid div.hDiv th, div.colCopy
{
          font-weight: normal;
          height: 24px;
          cursor: default;
          white-space: nowrap;
          overflow: hidden;
}	

div.colCopy {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          background: #fafafa url(images_gray/fhbg.gif) repeat-x bottom;
          border: 1px solid #ccc;
          border-bottom: 0px;
          overflow: hidden;
}

.flexigrid div.hDiv th.sorted
{
          background: url(images_gray/wbg.gif) repeat-x 0px -1px;
          border-bottom: 0px solid #ccc;
}

.flexigrid div.hDiv th.thOver
{
}

.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div
{
          border-bottom: 1px solid orange;
          padding-bottom: 4px;
}

.flexigrid div.hDiv th.sorted div
{
          border-bottom: 0px solid #ccc;
          padding-bottom: 5px;
}

.flexigrid div.hDiv th.thMove
{
          background: #fff;
          color: #fff;
}

.flexigrid div.hDiv th.sorted.thMove div
{
          border-bottom: 1px solid #fff;
          padding-bottom: 4px
}

.flexigrid div.hDiv th.thMove div
{
          background: #fff !important;
}	

.flexigrid div.hDiv th div.sdesc
{
          background: url(images_gray/dn.png) no-repeat center top;
}	

.flexigrid div.hDiv th div.sasc
{
          background: url(images_gray/up.png) no-repeat center top;
}	

.flexigrid div.bDiv td
{
          border-bottom: 1px solid #fff;
          vertical-align: top;
          white-space: nowrap;
}

.flexigrid div.hDiv th div
{
}

.flexigrid span.cdropleft
{
          display: block;
          background: url(images_gray/prev.gif) no-repeat -4px center;
          width: 24px;
          height: 24px;
          position: relative;
          top: -24px;
          margin-bottom: -24px;
          z-index: 3;
}

.flexigrid div.hDiv span.cdropright
{
          display: block;
          background: url(images_gray/next.gif) no-repeat 12px center;
          width: 24px;
          height: 24px;
          float: right;
          position: relative;
          top: -24px;
          margin-bottom: -24px;
}


.flexigrid div.bDiv td div
{
          border-top: 0px solid #fff;
          padding-bottom: 4px;
}


.flexigrid tr td.sorted
{
          background: #f3f3f3;
          border-right: 1px solid #ddd;
          border-bottom: 1px solid #f3f3f3;
}		

.flexigrid tr td.sorted div
{
}


.flexigrid tr.erow td
{
          background: #f7f7f7;
          border-bottom: 1px solid #f7f7f7;
}

.flexigrid tr.erow td.sorted
{
          background: #e3e3e3;
          border-bottom: 1px solid #e3e3e3;
}						

.flexigrid tr.erow td.sorted div
{
}

.flexigrid div.bDiv tr:hover td, 
.flexigrid div.bDiv tr:hover td.sorted,
.flexigrid div.bDiv tr.trOver td.sorted, 
.flexigrid div.bDiv tr.trOver td
{
          background: #d9ebf5;
          border-left: 1px solid #eef8ff;
          border-bottom: 1px dotted #a8d8eb;
}

.flexigrid div.bDiv tr.trSelected:hover td, 
.flexigrid div.bDiv tr.trSelected:hover td.sorted,
.flexigrid div.bDiv tr.trOver.trSelected td.sorted, 
.flexigrid div.bDiv tr.trOver.trSelected td,
.flexigrid tr.trSelected td.sorted, 
.flexigrid tr.trSelected td
{
          /*background: #dfdfdf url(images_gray/hl.png) repeat-x top;*/
          background-color: #e3e3e3 ;
          border-right: 1px solid #d2e3ec;
          border-left: 1px solid #eef8ff;
          border-bottom: 1px solid #bbb;
}

/* novstripe adjustments */

.flexigrid.novstripe .bDiv table
{
          border-bottom: 1px solid #ccc;
          border-right: 1px solid #ccc;
}

.flexigrid.novstripe  div.bDiv td  
{
          border-right-color: #fff;
}

.flexigrid.novstripe div.bDiv tr.erow td.sorted
{
          border-right-color: #e3e3e3;
}

.flexigrid.novstripe div.bDiv tr td.sorted
{
          border-right-color: #f3f3f3;
}

.flexigrid.novstripe  div.bDiv tr.erow td  
{
          border-right-color: #f7f7f7;
          border-left-color: #f7f7f7;
}

.flexigrid.novstripe div.bDiv tr.trSelected:hover td, 
.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, 
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
.flexigrid.novstripe tr.trSelected td.sorted, 
.flexigrid.novstripe tr.trSelected td
{
          border-right: 1px solid #0066FF;
          border-left: 1px solid #0066FF;
}		

.flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td
{
          border-left-color: #d9ebf5;
          border-right-color: #d9ebf5;
}

/* end novstripe */

.flexigrid div.pDiv
{
          background: url(images_gray/wbg.gif) repeat-x 0 -1px;
          border: 1px solid #ccc;
          border-top: 0px;
          overflow: hidden;
          white-space: nowrap;
          position: relative;
}

.flexigrid div.pDiv div.pDiv2
{
          margin: 3px;
          margin-left: -2px;
          float: left;
          width: 1024px;
}	

div.pGroup
{
          float: left;
          background: none;
          height: 24px;
          margin: 0px 5px;
}

.flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol
{
          position: relative;

          top: 5px;
          overflow: visible;
}

.flexigrid div.pDiv input
{
          vertical-align: text-top;
          position: relative;
          top: -5px;
}

.flexigrid div.pDiv  div.pButton
{
          float: left;
          width: 22px;
          height: 22px;
          border: 0px;
          cursor: pointer;
          overflow: hidden;
}

.flexigrid div.pDiv  div.pButton:hover, .flexigrid div.pDiv  div.pButton.pBtnOver
{
          width: 20px;
          height: 20px;
          border: 1px solid #ccc;
          cursor: pointer;
}

.flexigrid div.pDiv  div.pButton span
{
          width: 20px;
          height: 20px;
          display: block;
          float: left;
}		

.flexigrid div.pDiv  div.pButton:hover span, .flexigrid div.pDiv  div.pButton.pBtnOver span
{
          width: 19px;
          height: 19px;
          border-top: 1px solid #fff;
          border-left: 1px solid #fff;
}		


.flexigrid .pSearch
{
          background: url(images_gray/magnifier.png) no-repeat center;
}

.flexigrid .pFirst
{
          background: url(images_gray/first.gif) no-repeat center;
}

.flexigrid .pPrev
{
          background: url(images_gray/prev.gif) no-repeat center;
}

.flexigrid .pNext
{
          background: url(images_gray/next.gif) no-repeat center;
}

.flexigrid .pLast
{
          background: url(images_gray/last.gif) no-repeat center;
}

.flexigrid .pReload
{
          background: url(images_gray/load.png) no-repeat center;
}

.flexigrid .pReload.loading
{
          background: url(images_gray/load.gif) no-repeat center;
}															

/* ie adjustments */

.flexigrid.ie div.hDiv th div, .flexigrid.ie  div.bDiv td  div, div.colCopy.ie div/* common inner cell properties*/
{
          overflow: hidden;
}			
